<%-- 
    Document   : pertanyaan_tawaran_haji
    Created on : Aug 9, 2012, 9:31:25 AM
    Author     : ubuntu
--%>
<%@ include file="/WEB-INF/jsp/include/page_header.jspf" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
            .message {
                background: green;
                padding: 15px;
            }
            #msg {
                font-weight: bold;
                color: white;
                font: normal 15px/20px Arial, Helvetica, sans-serif;
            }
        </style>
        <title>Pertanyaan Tawaran Haji</title>
        <script type="text/javascript">
            $(document).ready(function(){
                
               $('.message').hide();
                
                if("${actionBean.haji.statusTawaran}" == "TAWARAN TELAH TAMAT TEMPOH"){
                    document.getElementById("fid").color='red';
                    document.getElementById("fid").innerHTML=(document.getElementById("fid").innerHTML).bold();
                    
                     $('.message').hide();
                } else if ("${actionBean.haji.statusTawaran}" == "TOLAK TAWARAN SETELAH TERIMA") {
                     $('.details').hide();
                     $('.message').show();
                }
                
                $('form').submit( function () {
                    return formValidation();
                }); 
            });
        </script>
    </head>
    <body>
        <s:messages/>
        <s:errors/> 
        <br/>
        <div class="details">
        <s:form beanclass="th.stripes.action.HajiActionBean">
            
            <div id="content" >
                <div id="logo">
                    <span>
                        <img src="${pageContext.request.contextPath}/images/img/ribbon.png"/>               
                    </span>
                </div>
                <h3>
                    Semak Tawaran Haji
                </h3> 
                <p>
                    <label>Nama :</label> ${actionBean.haji.nama}       
                </p>
                <p>
                    <label>No. Akaun TH :</label> ${actionBean.haji.noAkaun}                 
                </p>
                <p>
                    <label>No. KP Semasa :</label> ${actionBean.haji.noKp}                 
                </p>
                <!--<p>
                    <label>Status :</label> ${actionBean.haji.statusTawaran}                 
                </p> -->
                
                <p>
                  <label>Status :</label><font id="fid">${actionBean.haji.statusTawaran}</font>
                </p>
                
                
                <p>
                    <label>Tahun Ditawarkan :</label> ${actionBean.haji.tahunTawaranHijrah}H / ${actionBean.haji.tahunTawaran}M                    
                </p>
                <p>
                    <label>Tarikh Tawaran :</label><fmt:formatDate value="${actionBean.haji.tarikhTawaran}" pattern="dd/MM/yyyy"/>                     
                </p>
                <p>
                    <label>Tarikh Tutup Tawaran :</label><fmt:formatDate value="${actionBean.haji.tarikhTutupTawaran}" pattern="dd/MM/yyyy"/>                    
                </p>
                <p>
                    <label>Pejabat Pengendali Haji :<br/></label> ${actionBean.haji.pusatKos.nama}         
                </p>                
                <br/>
                <br/>
                <p style="text-align: center">
                    Sebarang pertanyaan sila hubungi <i><b>THCC</b></i> di talian ${actionBean.haji.noTelTHCC}. 
                    <br/>               
                </p>
                
                    
            </div>
        </s:form>
        </div>
        
        <div class="message"><center><font id="msg">TUAN / PUAN TELAH MEMBATALKAN PENDAFTARAN HAJI</font></center></div>
    </body>
</html>
